body{
font-family: 'Playfair Display', serif;
background:#FFF;
line-height: 1.8;
}

*,
*:before,
*:after{
    box-sizing:border-box;
}

/* Containers */
.containerHeader{
    width:100%;
    margin:0 auto;
    
}

.containerMain{
    width:100%;
    max-width:1350px;
    margin:0 auto;
    
    
    
}

/* Header */
.header{
    width:100%;
    margin-bottom:50px;
}
.headerMenu{
    display:flex;
    justify-content: space-between;
    align-items: center;
   
}

.logo{
  font-size:30px;
  font-family: 'Inconsolata', monospace;
    
}
.menu{
    display:flex;
    justify-content: space-between;
    width:100%;
    max-width:576px;
    position:relative;
      
}
.menu_item{
   text-decoration:none;
   text-transform: uppercase;
   color:#c8c8c8;
   cursor:pointer;
   
}
.menu_item_hobby{
   text-decoration:none;
   text-transform: uppercase;
   color:#c8c8c8;
   cursor:pointer;
}
.menu_item:hover{
    content:"";
    color:#7b7b7b;
}
.menu_item_hobby:hover{
    content:"";
    color:#7b7b7b;
}
.far{
    color:black;
    font-size:20px;
    position:absolute;
    z-index:10;
    animation:click;
    animation-duration:1.5s;
    animation-iteration-count:infinite;
}
@keyframes click{
    from{
        right:5%;
        top:100%;
    }
    to{
        right:5%;
        top:80%;
    }
}
#submenu{
    display:none;
    position:absolute;
    top:30px;
    left:356px;
    z-index:2;
    
}
#submenu a {
	color: #7B7B7B;
	padding: 12px 16px;
	text-decoration: none;
    display: block;
    background-color: #CAC8C8;
}
#submenu a:hover {
	color: #fff;
    
}

/* Main Image*/

.blockImage{
    width:100%;
    margin-bottom: 30px;
   
}
.mainImage{
    display:flex;
    justify-content: center;
    height:100vh;
    max-height:511px;
    background:url("../../assets/images/mainImage.jpg") no-repeat;
    background-size:cover;
    background-position: center;
    filter:brightness(90%);
    filter:saturate(1.25);
    filter:contrast(120%);
    
}

/* Promo */

.promoBlock{
    width:100%;
    margin-bottom:40px;
}
.promo{
    display:flex;
    justify-content: space-around;
    align-items: center;
    
}
.dogs{
    width:50%;
    border-radius:20px;
    box-shadow: 10px 10px 5px #7b7b7b;
}

.article{
    width:100%;
  }

h1{
    margin:0px;
    color:#C0C0C0;
    text-align: center;
    margin-bottom: 50px;
}
h2{
    color:#7B7B7B;
    font-size: 30px;
    padding:0;
    margin:0px;
   
}
p{
    color:#C0C0C0;
    text-align: justify;
    
}


.cityBlock{
    width:100%;
}
.cityImages{
    display:flex;
    justify-content: space-around;
    flex-wrap: wrap;
    
    
}
.photos{
    width:420px;
    text-align: center;
}

.images{
    width:420px;
    height:280px;
    
}

/*Slider*/

.slick-arrow{
    display:block;
    font-size:0;
    color:transparent;
    border:0;
    background:none;
    position:absolute;
    top:50%;
    z-index: 1;
    transform:translateY(-50%);
    cursor:pointer;
}

.slick-arrow{
    outline:none;
}
.slick-arrow:after{
    content:"";
    display:block;
    width:16px;
    height:16px;
    border-top:2px solid #ccc;
    border-left:2px solid #ccc;
    z-index:1;
}
.slick-prev{
    left:0;
    transform:rotate(-45deg);
}
.slick-next{
    right:0;
    transform:rotate(135deg);
}


/* Here ends of blocks with pfotos and information*/


.end{
    text-align:center;
    margin-bottom:20px;
}
footer{
    display: flex;
    justify-content:center;
    width:100%;
    background-color: #F0F0F0;
    margin:0 auto;
    padding-top:10px;
}
iframe{
    display: block;
    margin:0 auto;
}